{extend name="template/base" /}
{block name="style"}
<!--select2样式 start -->
<link href="__LIB__/select2-4.0.3/dist/css/select2.min.css" rel="stylesheet" />
<!--select2样式 end -->
{/block}
{block name="content"}
<div class="page-container">
        <table class="table table-border table-bordered table-hover table-bg mt-20">
            <thead>
            <tr class="text-c">
                <!--<th width="25"><a href="javascript:" class="label label-success radius op-add" data-type="form" onclick="add()" data-header="1">增加</a></th>-->

                <th width="">ID</th>
                <th width="">姓名</th>
                <th width="">电话</th>
                <th width="">证件号码</th>
                <th width="">居住地址</th>
                <th width="">年龄</th>
                <th width="">性别</th>
                <th width="">包含住宿</th>
                <th width="">住宿备注</th>
                <th width="">备注</th>
                <th width="70">操作</th>
            </tr>
            </thead>
            <tbody id="tbody">
            {volist name="travelers" id="traveler"}
            <tr class="text-c">
                <td><input type="hidden" name="traveler[id][]" value="{$traveler.id}">{$traveler.id}</td>
                <td>{$traveler.name}</td>
                <td>{$traveler.phone}</td>
                <td>{$traveler.id_card}</td>
                <td>{$traveler.address}</td>
                <td>{$traveler.age}</td>
                <td>{$traveler.sex}</td>
                <td>{$traveler.isaccommodation}</td>
                <td>{$traveler.accommodation}</td>
                <td>{$traveler.remark}</td>
                <td class="f-14">
                    <a href="javascript:" class="label label-success radius op-add" data-type="form" onclick="deltd(this)" data-header="1">删除</a>
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>
</div>
{/block}
{block name="script"}


<!--时间插件-->
<script type="text/javascript" src="__LIB__/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="__LIB__/template/template.js"></script>
<!--select2 js 插件-->
<script type="text/javascript" src="__LIB__/select2-4.0.3/dist/js/select2.min.js"></script>
<script>
    function deltd(ele){

        layer.msg("该状态下不可更改", {
            time: 2000, //2s后自动关闭
        });
        return ;

    }

    $(function () {

        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        //车型select2 js部分 start
        var car_type_id = $("#car_type_id").select2({
            language: "zh-CN", //设置 提示语言
            width: "100%", //设置下拉框的宽度
            theme: "classic"
        });
        {notempty name = "vo['car_type_id']"}
        car_type_id.val("{$vo['car_type_id']}").trigger("change");
        {/notempty}
            //车型select2 js部分 end

        $("#form").Validform({
            tiptype: 2,
            ajaxPost: true,
            showAllError: true,
            callback: function (ret){
                ajax_progress(ret);
            }
        });
    })
</script>
{/block}
